*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.contion{
    width: 870px;
    margin: 0 auto;
}
/*header部分*/
header{
    background: #54afdb;
    color: #fff;
    margin-bottom: 56px;
}
header a{
    color: #ffffff;
    text-decoration: none;
}
nav{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 24px;
}
nav .so{
    width:33.333333%;
    float: left;
}
nav::after{
    content: "";
    display: table;
   clear: both;
}
.so-left{
    height: 10px;
}
.so-center{
    text-align: center;
}
.so-right{
    text-align: right;
    font-size: 12px;
    font-weight: 600;
}
.so-right a {
    position: relative;
    top: 5px;
}
/*banner部分*/
.banner .banner1{
    width: 50%;
    float: left;
}
.banner::after{
    content: "";
    display: table;
    clear: both;
}
.banner p{
    font-weight: bold;
}
.banner h1{
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 24px;
}
.banner a{
    background: #2996cc;
    padding: 15px 54px 17px 54px;
}
.banner a:hover{
    background: #0777cc;
}
.banner img{
    width: 100%;
    display: block;
}
.list{

}
.list .col{
    width: 25%;
    float: left;
    margin-left: -5px;
    margin-right: 5px;
    text-align: center;
}
.list img{
    margin-bottom: 10px;
}
.list h3{
    font-size: 14px;
    margin-bottom: 10px;
}
.list p{
    font-size: 14px;
    color: #747d8e;
}
.col1 p{
    width: 200px;
    margin: auto;
}
.col2 p{
    width:180px;
    margin: auto;
}
.col3 p{
    width: 185px;
    margin: auto;
}
.col4 p{
    width:210px;
    margin: auto;
}
.contion1{
    width: 870px;
    margin: 0 auto;
}
